<template>
	<view class="billCard">
		<view class="bottom">
			<view class="">
				<text>客户信息</text>
				<text>退单规则：{{orderList.yuyuetime}}</text>
			</view>
			<view class="">
				<text>退单规则：{{orderList.yuyuetime}}</text>
				<text>退单原因：{{orderList.yuyuetime}}</text>
			</view>
			<view class="">
				<text>退款模式：{{orderList.yuyuetime}}</text>
			</view>
			<view class="">
				<text>退单申请时间：{{orderList.yuyuetime}}</text>
			</view>
			<view class="">
			<text>退单时间：{{orderList.yuyuetime}}</text>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	  name: "index",
		props:{
			orderList:
			{
				type:Object,
				default:
					{
						name:'金牛湖店',
						time:'16:00',
						code:'12321321321',
						title:'颈间推拿60分钟',
						money:'+30',
						persong:'李四',
						phone:'15587477879',
						yuyuetime:'2023年04月07日 13点20分-14点20分',
						fwkstime:'无',
						zftime:'未支付'
					}
			},
		},
		data(){
			return{
				}
		},
	}
</script>

<style lang="scss" scoped>
	.billCard{
		background: #FFFFFF;
		border-radius: 17rpx 17rpx 17rpx 17rpx;
		opacity: 1;
		margin: 37rpx 37rpx 0 37rpx;
		.bottom{
			padding: 15rpx 30rpx 30rpx 30rpx;
			border-top: 1px solid #E6E6E6;
			>view{
				line-height: 52rpx;
			}
			.title{
				font-size: 44rpx;
				font-weight: 500;
				color: #333333;
				line-height: 52rpx;
				.money{
					font-size: 52rpx;
					font-family: DIN, DIN;
					font-weight: bold;
					color: #FE4D4F;
					line-height: 60rpx;
				}
			}
		}
	}
</style>